<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Crear Privilegios</title>
    </h:head>
    <h:body>
        <ui:composition template="../templateInt.xhtml">
            <ui:define name="content">
                <h:form>
                    <a4j:outputPanel id="opcionesPrivilegiosDatatableRegion" ajaxRendered="true">
                        <rich:collapsiblePanel id="opcionesPrivilegiosCollapsiblePanel" header="#{msj.collapsibleOpcionesPrivilegio}" expanded="true">
                            <h:panelGrid columns="4">
                                <h:outputText value="Aplicación:"/>
                                <h:selectOneMenu id="aplicacionSelect" value="#{privilegiosBean.aplicacionSeleccionada}">
                                    <f:selectItem noSelectionOption="true" itemLabel="Seleccione una aplicación"/>
                                    <f:selectItems value="#{privilegiosBean.aplicacionesItems}"/>
                                </h:selectOneMenu>
                                <h:outputText value="Gerencia Aprobadora:"/>
                                <h:selectOneMenu id="gerenciaSelect" value="#{privilegiosBean.gerenciaAprobadoraSeleccionada}">
                                    <f:selectItem noSelectionOption="true" itemLabel="Seleccione una gerencia"/>
                                    <f:selectItems value="#{privilegiosBean.gerenciasItems}"/>
                                </h:selectOneMenu>
                                <h:outputText value="Perfil:"/>
                                <h:selectOneMenu id="perfilSelect" value="#{privilegiosBean.perfilSeleccionada}">
                                    <f:selectItem noSelectionOption="true" itemLabel="Seleccione un perfil"/>
                                    <f:selectItems value="#{privilegiosBean.perfilesItems}"/>
                                </h:selectOneMenu>
                                </h:panelGrid>
                            <h:panelGrid columns="3">
                                <a4j:commandButton actionListener="#{privilegiosBean.crearPrivilegio}"
                                                   value="#{msj.crearBoton}" render="privilegiosDataTableRegion informacionPopup"
                                                   oncomplete="#{rich:component('informacionPopup')}.show();return false"/>
                                <a4j:commandButton value="Modificar Privilegio" actionListener="#{privilegiosBean.modificarPrivilegio}" 
                                                   render="privilegiosDataTableRegion informacionPopup"
                                                   oncomplete="#{rich:component('informacionPopup')}.show();return false" 
                                                   rendered="#{privilegiosBean.modificado}"/>
                                <a4j:commandButton value="Limpiar Campos" actionListener="#{privilegiosBean.borrarCampos}" 
                                                   render="opcionesPrivilegiosDatatableRegion"/>
                            </h:panelGrid>
                        </rich:collapsiblePanel>
                    </a4j:outputPanel>
                    <br/>
                    <center>
                        <a4j:outputPanel id="privilegiosDataTableRegion" ajaxRendered="true">
                            <rich:dataTable id="privilegiosDataTable" value="#{privilegiosBean.privilegios}" var="privilegio" 
                                            rows="#{privilegiosBean.filas}" >
                                <f:facet name="header">
                                    <h:outputText value="Privilegios"></h:outputText>
                                </f:facet>
                                <rich:column id="idPrivilegioColumn" rendered="false">
                                    <h:outputText id="idPrivilegioOutputText" value="#{privilegio.idPrivilegio}" />
                                </rich:column>
                                <rich:column id="idAplicacionPrivilegioColumn" rendered="false">
                                    <h:outputText id="idAplicacionOutputText" value="#{privilegio.idAplicacion.idAplicacion}"/>
                                </rich:column>
                                <rich:column id="idGerenciaPrivilegioColumn" rendered="false">
                                    <h:outputText id="idGerenciaOutputText" value="#{privilegio.idGerencia.idGerencia}"/>
                                </rich:column>
                                <rich:column id="idPerfilPrivilegioColumn" rendered="false">
                                    <h:outputText id="idPerfilOutputText" value="#{privilegio.idPerfil.idPerfil}"/>
                                </rich:column>
                                <rich:column id="nombrePrivilegioColumn">
                                    <f:facet name="header">
                                        <h:panelGrid columns="2">
                                            <a4j:commandLink value="Aplicación"
                                                             execute="@this" action="#{privilegiosBean.ordenar()}"
                                                             render="privilegiosDataTable">
                                                <f:param name="sortProperty" value="idAplicacion.nombre"/>                                        
                                            </a4j:commandLink>
                                            <h:graphicImage value="../imagenes/down_icon.gif"
                                                            alt="" rendered="#{!privilegiosBean.ascendiente}"/>
                                            <h:graphicImage value="../imagenes/up_icon.gif"
                                                            rendered="#{privilegiosBean.ascendiente}"/>
                                        </h:panelGrid>
                                    </f:facet>
                                    <a4j:commandLink id="nombreAplicacionOutputText" value="#{privilegio.idAplicacion.nombre}" 
                                                     actionListener="#{privilegiosBean.seleccionarPrivilegios}"/>
                                </rich:column>
                                <rich:column id="gerenciaPrivilegioColumn">
                                    <f:facet name="header">
                                        <h:panelGrid columns="2">
                                            <a4j:commandLink value="Gerencia Aprobadora"
                                                             execute="@this" action="#{privilegiosBean.ordenar()}"
                                                             render="privilegiosDataTable">
                                                <f:param name="sortProperty" value="idGerencia.nombre"/>                                        
                                            </a4j:commandLink>
                                            <h:graphicImage value="../imagenes/down_icon.gif"
                                                            alt="" rendered="#{!privilegiosBean.ascendiente}"/>
                                            <h:graphicImage value="../imagenes/up_icon.gif"
                                                            rendered="#{privilegiosBean.ascendiente}"/>
                                        </h:panelGrid>
                                    </f:facet>
                                    <h:outputText id="gerenciaPrivilegioOutputText" value="#{privilegio.idGerencia.nombre}"/>
                                </rich:column>
                                <rich:column id="perfilPrivilegioColumn">
                                    <f:facet name="header">
                                        <h:panelGrid columns="2">
                                            <a4j:commandLink value="Perfil"
                                                             execute="@this" action="#{privilegiosBean.ordenar()}"
                                                             render="privilegiosDataTable">
                                                <f:param name="sortProperty" value="idPerfil.nombre"/>                                        
                                            </a4j:commandLink>
                                            <h:graphicImage value="../imagenes/down_icon.gif"
                                                            alt="" rendered="#{!privilegiosBean.ascendiente}"/>
                                            <h:graphicImage value="../imagenes/up_icon.gif"
                                                            rendered="#{privilegiosBean.ascendiente}"/>
                                        </h:panelGrid>
                                    </f:facet>
                                    <h:outputText id="perfilPrivilegioOutputText" value="#{privilegio.idPerfil.nombre}"/>
                                </rich:column>
                                <rich:column id="tipoAplicacionPrivilegioColumn">
                                    <f:facet name="header">
                                        <h:panelGrid columns="2">
                                            <a4j:commandLink value="Tipo Aplicación"
                                                             execute="@this" action="#{privilegiosBean.ordenar()}"
                                                             render="privilegiosDataTable">
                                                <f:param name="sortProperty" value="idAplicacion.tipoAplicacion.nombre"/>                                        
                                            </a4j:commandLink>
                                            <h:graphicImage value="../imagenes/down_icon.gif"
                                                            alt="" rendered="#{!privilegiosBean.ascendiente}"/>
                                            <h:graphicImage value="../imagenes/up_icon.gif"
                                                            rendered="#{privilegiosBean.ascendiente}"/>
                                        </h:panelGrid>
                                    </f:facet>
                                    <h:outputText id="tipoAplicacionPrivilegioOutputText" value="#{privilegio.idAplicacion.tipoAplicacion.nombre}"/>
                                </rich:column>
                                <rich:column id="editarPrivilegioColumn">
                                    <f:facet name="header">
                                        <h:outputText value="Eliminar"/>
                                    </f:facet>
                                    <a4j:commandLink id="editarPrivilegioCommandLink" value="Eliminar"
                                                     actionListener="#{privilegiosBean.eliminarPrivilegio}"/>
                                </rich:column>
                                <f:facet name="footer">
                                    <rich:dataScroller id="privilegiosScroll" for="privilegiosDataTable" 
                                                       rendered="#{privilegiosBean.paginado()}" maxPages="4"/>
                                </f:facet>
                            </rich:dataTable>
                        </a4j:outputPanel>
                    </center>
                </h:form>
                <rich:popupPanel id="informacionPopup" width="250" height="150">
                    <f:facet name="header">Información</f:facet>
                    <h:panelGrid>
                        <h:panelGrid columns="2">
                            <h:outputText value="#{privilegiosBean.mensaje}" style="FONT-SIZE: small;" />
                        </h:panelGrid>
                        <h:panelGroup>
                            <input type="button" value="OK"
                                   onclick="#{rich:component('informacionPopup')}.hide();
                                           submit();
                                           return false;" />
                        </h:panelGroup>
                    </h:panelGrid>
                </rich:popupPanel>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

